import { Card } from "@heroui/card";
import { Divider } from "@heroui/divider";
import { siteConfig } from "@/config/site";
import Link from "next/link";

export default function Sidebar() {
  const menuItems = ["Dashboard", "Users", "Settings", "Logout"];

  return (
    <Card className="w-64 h-full p-4 rounded-none shadow-lg">
      <h2 className="text-xl font-bold mb-4">SABRE Applications</h2>
      <Divider />
      <nav className="mt-4 space-y-2">
        {siteConfig.navItems.map((item) => (
          <Link
            key={item.href}
            href={item.href}
            className="block w-full px-4 py-2 text-left text-gray-700 hover:bg-gray-200 rounded"
          >
            {item.label}
          </Link>
        ))}
      </nav>
    </Card>

  );
}